<div class="container">
  <div *ngIf="!classNotices.isLoading&&!classNotices.noNotices">
   <div class="hear" *ngIf="classNotices.noReadLength!==0">
     <span class="logo"></span>
     <span class="mid_title">未读公告</span>
     (<span style="color: #FF9999">{{classNotices.noReadLength}}条</span>)
   </div>
   <div class="content">
     <div class="notice" *ngFor="let notice of classNotices.notices" (click)="onRead(notice)">
       <div class="title "><span class="logo" [ngClass]="{'logo1':notice.HaveRead === 1}"></span>
         <span class="mid_title" [ngClass]="{'no_read':notice.HaveRead === 0}">{{notice.Title}}</span>
       </div>
       <div class="notice_content" [innerHTML]="notice.Content|toHTML" [ngClass]="{'content_max_height':notice.isShowMore}">
       </div>
       <div class="publish_time clearfix">
         <span class="show_more f_l" *ngIf="notice.isShowMore||notice.isShowMore1" (click)="notice.isShowMore=!notice.isShowMore;notice.isShowMore1=!notice.isShowMore1">{{notice.isShowMore1?'收起':'展开'}}</span>
         <span style="margin-right: 5px;display: inline-block">发布于</span>{{notice.PublicTime}}
       </div>
     </div>
   </div>
  </div>
  <div class="loading" *ngIf="classNotices.isLoading"><img src="/assets/img/image/loading-white.gif" alt=""></div>
  <div class="no_search" *ngIf="classNotices.noNotices&&!classNotices.isLoading">
    <img src="/assets/img/image/no_search.png" alt="" width="80" height="99">
    <p style="font-size: 14px;color: #999999;margin-top: 20px">该花名册还暂时没有公告哦~</p>
  </div>
</div>

